導(dǎo)讀:現(xiàn)在,網(wǎng)頁設(shè)計整體趨向于單頁網(wǎng)站設(shè)計。這種趨勢是由于對追求簡單和速度的推動。簡單的單頁網(wǎng)站也是一種很好的響應(yīng)式設(shè)計,并且可以適應(yīng)所有設(shè)備。當(dāng)然,也有很多情況下需要用到
發(fā)表日期:2020-01-12
文章編輯:興田科技
瀏覽次數(shù):7114
標簽:
現(xiàn)在,網(wǎng)頁設(shè)計整體趨向于單頁網(wǎng)站設(shè)計。這種趨勢是由于對追求簡單和速度的推動。簡單的單頁網(wǎng)站也是一種很好的響應(yīng)式設(shè)計,并且可以適應(yīng)所有設(shè)備。當(dāng)然,也有很多情況下需要用到多頁設(shè)計。比如,快餐網(wǎng)站Chipotle為了便于快速瀏覽菜單,使用的就是多頁面設(shè)計。
但面對很多相關(guān)的利益,很容易落入添加額外的素材或者忽略必要的內(nèi)容這樣的糾結(jié)中。
所以,這個很難決策是使用單頁還是多頁設(shè)計網(wǎng)站。
一些小提示大型的網(wǎng)頁設(shè)計由于有子網(wǎng)站以及經(jīng)常變化的內(nèi)容變得很復(fù)雜。當(dāng)然,單頁設(shè)計的網(wǎng)站也會遇到類似的問題,因為你必須消化掉復(fù)雜的內(nèi)容,展示給用戶簡潔的內(nèi)容并且不讓用戶感到困惑。
在設(shè)計用戶體驗時,請考慮適用于任何網(wǎng)站的以下基本要求:
你是要提供給多少個用戶?(信息,產(chǎn)品,或者場景)在網(wǎng)站的層級結(jié)構(gòu)上哪個是最重要的元素?如何才能讓用戶盡可能簡單的使用你的網(wǎng)站?如何讓用戶更愉悅的使用你的網(wǎng)站?單頁網(wǎng)站單頁網(wǎng)站設(shè)計有助于讓用戶保持在一個舒適的網(wǎng)絡(luò)環(huán)境中。
如果所有的內(nèi)容都只適應(yīng)一個頁面,還要怎樣添加內(nèi)容?有時候甚至很少的內(nèi)容需要跳轉(zhuǎn)幾個頁面。一個優(yōu)秀的UX或UI設(shè)計師需要了解設(shè)計的網(wǎng)頁所需要的正確尺寸。在這里會了解到但也網(wǎng)站的優(yōu)勢或劣勢。
優(yōu)勢單頁網(wǎng)站最直接的好處是以簡單,容易和可操作的方式展示給用戶。
單頁站點可以讓用戶沉浸在簡單的線性體驗。整個頁面有簡單的頭部,中部,尾部。事實上,單頁網(wǎng)站的滾動特性使得它們非常適合于習(xí)慣了該手勢的移動用戶。
有些專家認為,與較大的多頁網(wǎng)站相比,單頁網(wǎng)站的轉(zhuǎn)化率更高。
當(dāng)然,單頁導(dǎo)航對于服務(wù)于單一目的的網(wǎng)站來說比大型的復(fù)雜網(wǎng)站更直接些。如果你的目標是講故事,那么單頁網(wǎng)站也是視覺敘事的最好選擇。
單頁網(wǎng)站的好處是:簡單的滾動比點擊無限鏈接可以更容易和更連續(xù)的操作。如果用戶開始滾動,那么您可能發(fā)現(xiàn)它們更可能繼續(xù)滾動,而不是停下來點擊擊鏈接。
劣勢單頁網(wǎng)站最大的劣勢就是陷入把過多的內(nèi)容放置在一個頁面里。因為一個頁面不可能容納所有的一切。而是需要有視覺層次和大量的規(guī)范制約。
隨著內(nèi)容類別的增加(例如博客,新聞,服務(wù),產(chǎn)品),單頁網(wǎng)站的可用性越高。從技術(shù)的角度來看,單頁網(wǎng)站的搜索優(yōu)化比多頁網(wǎng)站少。當(dāng)一個頁面上的內(nèi)容和圖像很多時,他們會加載很慢。
對搜索的內(nèi)容查詢。雖然單頁網(wǎng)站可能會提高您的主要關(guān)鍵字的相關(guān)性,但更有可能會稀釋其在自己的網(wǎng)頁上排名更高或次之的子主題和字詞的相關(guān)性。
多頁網(wǎng)站多頁網(wǎng)站通常由擁有廣泛產(chǎn)品或服務(wù)的大公司所有。 他們的用戶也可能是相當(dāng)多樣化。
這些網(wǎng)站的要點是:
需要盡可能大容量;由于內(nèi)容的數(shù)量,他們需要層次分明;很多時候,它們由許多微型網(wǎng)站和子部分組成,以分解信息和內(nèi)容,并提供多個入口點;它們提供對多個頁面和改變內(nèi)容的SEO的更好控制。優(yōu)勢多頁網(wǎng)站對于需要傳統(tǒng)導(dǎo)航的用戶來說很有意義。他們需要給用戶提供更多的信息。
例如,對于電子商務(wù)網(wǎng)站,用戶不想花費一個頁面了解您公司的故事或員工。而是想要找到想要的產(chǎn)品,付費然后使用。在這種情況下,到不同頁面的導(dǎo)航欄就會非常有效。
事實上,混合的單頁網(wǎng)站(如上面的Hell’o Baby)出現(xiàn)給設(shè)計師提供了一個很好的方向。單頁結(jié)構(gòu)可以優(yōu)化轉(zhuǎn)換。另一方面,頂部導(dǎo)航可以給用戶更多的操控比純滾動體驗更好。
劣勢如果設(shè)計的網(wǎng)站越復(fù)雜,傳統(tǒng)導(dǎo)航就越難展示和查找。
有些人認為,導(dǎo)航可以舒適地適應(yīng)前三個級別。
導(dǎo)航必須擴展,最終占用更多的屏幕空間信息架構(gòu)中的更深的頁面不再會出現(xiàn)在導(dǎo)航中。 如果用戶在網(wǎng)站內(nèi)部深處,他們將丟失他們的位置的上下文,因為他們沒有看到當(dāng)前頁面有合適的導(dǎo)航在網(wǎng)站中。隨著網(wǎng)站的擴展,我們需要考慮所有不同切入點產(chǎn)生的問題。如果網(wǎng)站有多個入口點,則必須使用戶能夠很容易的通過導(dǎo)航回到主頁或其他感興趣的頁面
總結(jié)采取內(nèi)容優(yōu)先的方法。 找出用戶關(guān)心的內(nèi)容,然后相應(yīng)地設(shè)計您的界面。確保你的網(wǎng)站適合純粹的單頁體驗。 如果你不能把所有內(nèi)容簡潔的放入一個頁面,請考慮混合網(wǎng)站。 如果需要用戶知道多個類別,請使用多頁網(wǎng)站。不要忽視SEO, 可以用單頁網(wǎng)站建立搜索引擎優(yōu)化。用戶不總是喜歡閱讀, 這就是為什么信息圖表和視頻是新用戶體驗的一部分。 任何大小的網(wǎng)站都需要使用戶可以快速瀏覽。把事情簡單化, 設(shè)計的一致性實際上對用戶來說操作更簡單。網(wǎng)站的清晰度很重要。原文作者:Speider Schneider
原文地址:https://www.uxpin.com/studio/blog/single-page-vs-multi-page-ui-design-pros-cons/
譯者:小船,微信公眾號【漁夫和Ta的靈魂】
更多新聞
2023
在當(dāng)今數(shù)字化的時代,每個企業(yè)都認識到擁有一個專業(yè)的、具有良好用戶體驗的品牌網(wǎng)站對于業(yè)務(wù)發(fā)展至關(guān)重要。...
View details
2023
引言婚紗攝影作為結(jié)婚儀式中不可或缺的一環(huán),一直備受新人們的關(guān)注。。而隨著互聯(lián)網(wǎng)的普及,越來越多的新人...
View details
2023
引言當(dāng)今數(shù)字時代,一個具有強大在線展示能力的網(wǎng)站對于任何行業(yè)都至關(guān)重要。。尤其對于光電行業(yè)而言,光電...
View details
2023
為什么需要梧州網(wǎng)站建設(shè)?梧州網(wǎng)站建設(shè)是在當(dāng)今數(shù)字時代中建立和提升在線業(yè)務(wù)存在的關(guān)鍵步驟。。隨著越來越...
View details